<template>
  <div>
    <!-- <h1>-------------vue3语法练习--------------</h1> -->
    <!-- <oneComp name="张三"></oneComp> -->
    <!-- <setupComp name="张三" @channel="getSon"></setupComp> -->
    <!-- <refComp></refComp> -->
    <!-- <reactiveComp></reactiveComp> -->
    <!-- <proxyComp></proxyComp> -->
    <!-- <torefComp></torefComp> -->
    <!-- <computedComp></computedComp> -->
    <!-- <watchComp></watchComp> -->
    <!-- <lifeComp></lifeComp> -->
    <!-- <provideComp></provideComp> -->
    <!-- <pointComp></pointComp> -->
    <!-- <teleportComp></teleportComp> -->
    <!-- <suspenseComp></suspenseComp> -->
    <!-- <h1>-------------router@4语法练习--------------</h1> -->
    <RouterView></RouterView>
  </div>
</template>

<script>
import oneComp from "./components/vue2/index.vue"
import setupComp from "./components/setup/index.vue"
import refComp from "./components/ref/index.vue"
import reactiveComp from "./components/reactive/index.vue"
import proxyComp from "./components/proxy/index.vue"
import torefComp from "./components/toref/index.vue"
import computedComp from "./components/computed/index.vue"
import watchComp from "./components/watch/index.vue"
import lifeComp from "./components/life/index.vue"
import pointComp from "./components/point/index.vue"
import provideComp from "./components/provide/index.vue"
import teleportComp from "./components/teleport/index.vue"
import suspenseComp from "./components/suspense/index.vue"
export default {
  components: {
    oneComp,
    setupComp,
    refComp,
    reactiveComp,
    proxyComp,
    torefComp,
    computedComp,
    watchComp,
    lifeComp,
    pointComp,
    provideComp,
    teleportComp,
    suspenseComp
  },
  methods: {
    getSon(info) {
      console.log('传递数据是：', info)
    }
  }

};
</script>

